<template>
    <div class="box">
        <h1>Article</h1>
        <h2>message:{{ message }}</h2>
        <h2>num:{{ num }}</h2>
        <h3>{{ arr }}</h3>
        <button @click="fun(10)">点击触发</button>
</div>
</template>
<script setup>
// defineProps 编译宏函数 不需要导入
// import { defineProps } from 'vue';
    let props = defineProps({
        message:String,
        num:Number,
        arr:Array,
        fun:Function
    })
//   let {num,message} = props
//   console.log(num,message);
</script>
<style>
.box {
    min-height: 200px;
    border: 1px solid #000;
    padding: 20px;
    box-sizing: border-box;
}
</style>